<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!--       
        图片标签 img
        单标签 <img src="..." alt="..." title="...">
        1.src 路径属性，可以为绝对路径或相对路径
        2.alt 替代文本属性
            当图片无法加载时显示的提示性文本
        3.title 提示文本
            当光标悬浮于图片上时显示的提示性文本
        
        自定义宽高
            若不设置会以图片自身的宽高显示
            一般只设置一项，另一项会自适应改变，同时设置容易引起图像失真


        绝对路径和相对路径
        1.绝对路径
            以盘符开头或为一个互联网地址
            例如:
                C://1/2/3.jpg（注：盘符后为双斜杠）
                https://......
        2.相对路径
            以当前文件所在目录为起始点查找
            例如：
                3.jpg（位于同一目录）
                image/3.jpg（位于同一目录的image文件夹下）
                ../ 返回上一级
                ../../ 返回上两级
     -->

     <img src="https://pic.cyol.com/img/20201129/img_9601e86e0bbbf1768dfb8cbfeab98a8d68ea.jpeg" alt="dz" title="理塘王子" style="width: 200px;">

     <img src="https://pic.cyol.com/img/20201129/img_9601e86e0bbbf1768dfb8cbfeab98a8d68ea.jpeg" alt="dz" title="理塘王子" style="height: 100px;">

     <img src="https://pic.cyol.com/img/20201129/img_9601e86e0bbbf1768dfb8cbfeab98a8d68ea.jpeg" alt="dz" title="理塘王子" style="width: 500px; height: 500px;">
</body>
</html>